<template>
  <div class="iframe-container">
    <iframe :src="src" scrolling="auto" frameborder="0" class="frame"> </iframe>
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { useStore } from 'vuex'
const store = useStore()
const src = ref('')
onMounted(() => {
  if (store.getters.siderType) {
    store.commit('app/changeSiderType')
  }
  src.value = 'http://localhost:8080/swagger-ui/index.html'
})
</script>

<style lang="scss" scoped>
.iframe-container {
  position: absolute;
  top: 90px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-top: -29px;
  .frame {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
  }
}
</style>
